<template>
  <div class="tabbar">
    <slot name="icon"></slot>
    <slot name="title"></slot>
    <slot name="icon1"></slot>
    <slot name="title1"></slot> 
    <slot name="icon2"></slot>
    <slot name="title2"></slot> 
    <slot name="icon3"></slot>
    <slot name="title3"></slot>
  </div>
</template>
<script>
export default {
  data() {
    return {};
  },
};
</script>
<style  scoped>
.tabbar {
  width: 99%;
  height: 64px;
  position: fixed;
  bottom: 1px;
  left: 0px;
  border: 1px solid lightslategrey;
  z-index: 999;
  background: #fff;
}
</style>